<template>
    <div class="agreedetail">
            
        <div class="text">
    <div style="margin-left:20px">筛选查询</div>
    <div class="edit">
      <div @click="router.go(-1)">查询结果</div>
    </div>

    <div class="fan" @click="router.go(-1)"><button @click="edit">保存</button></div>
         <div class="fan" @click="router.go(-1)"><button>返回</button></div>
  </div>

     <div class="concent">
            <p class="">序号:{{b.id}}</p>
           <p class="">合同编号:{{b.phone}}</p>
           <p class="">合同名称:{{b.age}}</p>
           <p class="">合同类型:{{b.phone}}</p>
           <p class="">负责人:{{b.name}}</p>
           <p class="">生效日期:{{b.email}}</p>
           <p class="">失效日期:{{b.address}}</p>

          
    </div>

    </div>
</template>

<script setup>
  import { onMounted,reactive,ref } from 'vue';
//   import { RouterLink,RouterView } from 'vue-router';
  import axios from 'axios'
  import {useRouter,useRoute} from 'vue-router';

  var b = ref({})
  var router = useRouter();
  var route = useRoute()
  var x= route.query.id
onMounted(()=>{
    axios.post('/api/user/looklist',{id:x}).then((res)=>{
        console.log(res.data)
        b.value = res.data;
    
   })
})
   












</script>

<style>
.text{
  display: flex;
  width: 1328px;
  justify-content: space-between;
  background: #f2f2f2;
  height: 50px;
  align-items: center;
  color: #000;

  margin-bottom: 20px;
 

}

.concent{
    width: 100%;
    height: 400px;
    border: 1px solid rgb(198, 197, 197)
}
.concent p {
    margin-left: 20px;
    border: 10x solid #999;
}
</style>